<!DOCTYPE HTML>
<html>
<title>
ATRIUN</title>
<head>
<link href="rbpl.css" rel="stylesheet" type="text/css"  />
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>
</head>
<body>
<div id="header-wrap">
<header class="group">
<h2><a href="index.php" title="ATRIUN">ATRIUN</a></h2>
<div id="login">
<h4 class="green"><a href="index.php?/atriun/login" class="green">Login <strong>sekarang</strong></a></h4>
</div>
<nav class="group">
				<ul>
					<li class="home"><a href="index.php" title="">Home</a></li>
					<li><a href="index.php?/atriun/feature" title="">Fitur</a></li>
					<li><a href="index.php?/atriun/about" title="">Tentang ATRIUN</a></li>
					<li><a href="index.php?/atriun/location" title="">Lokasi kami</a></li>
					<li><a href="index.php?/atriun/mitra" title="">Mitra kami</a></li>
					<li class="last">
						<div>
							<input type="text" name="search" placeholder="search" />
							<input type="submit" name="search" value="go" class="search"/>
						</div>
					</li>
				</ul>
			</nav>
</header>
</div>
<br><br>
<center>
<div id="googleMap" style="width:500px;height:380px;"></div>
</center>
<script>
function initialize()
{
var mapProp = {
  center:new google.maps.LatLng(-7.275399,112.791907),
  zoom:15,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };
var map=new google.maps.Map(document.getElementById("googleMap")
  ,mapProp);
  
  var marker=new google.maps.Marker({
  position:mapProp.center,
     animation:google.maps.Animation.BOUNCE
  });

marker.setMap(map);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>

<br><p>Kami mengerjakan proyek ATRIUN ini selama perkuliahan di Institut Teknologi Sepuluh Nopember</p>
</body>
<br>
<center><div id="footer"> &copy;ATRIUN</div></center>
</html>